/*******reset*******/
html{color:#333;background:#fff;height:100%;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
q:after,q:before{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}
legend{color:#333}
.clear{height:0;font-size:0;line-height:0;clear:both}
:focus{outline:0}
dl,ol,ul{list-style:none}
button,input{vertical-align:middle}
#app,body,html{font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif}
body{font-size:14px;line-height:1.5;background:#fff;height:100%;position:relative;}
a{color:#005aab;text-decoration:none}
a:hover {text-decoration: underline;}
.lh-1{line-height:1!important;}
.lh-2{line-height:2;}

/*element*/
.el-button--medium {padding: 8px 20px;}
.el-input--medium .el-input__inner {height: 32px;line-height: 32px; font-size: 12px;}
.el-input-group__append { padding: 0 14.5px; overflow: hidden; }
.el-dialog {
  border-radius: 10px;
}
.el-dropdown-menu {background-color: #393F4F;}
.el-dropdown-menu__item{color: #fff;}
.popper__arrow { display: none !important;}
.el-popper[x-placement^=bottom] {
    margin-top: 0px;
}

.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: #393F4F;
    color: #ff7325;
}

.el-button.is-disabled, .el-button.is-disabled:focus, .el-button.is-disabled:hover {
    color: #C0C4CC;
    cursor: not-allowed;
    background-image: none;
    background-color: #E9E9EB;
    border-color: #EBEEF5;
}

/*********base classes**********/
.bg-white{background:#fff !important}
.bg-lite-gray{background:#f2f2f2;}
.bg-lite-yellow{background:#FCFAED;}
.bg-orange{background:#FE8742;}
.bg-dack-green{background:#5BA2C8;}
.pull-left{float:left}
.pull-right{float:right}
.text-left{text-align:left!important}
.text-center{text-align:center!important}
.text-right{text-align:right!important}
.relative{ position: relative;}

.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.ellipsis2l{max-height:50px;line-height:25px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break: break-all;}
.clearfix:after{content:'';display:block;clear:both}
.hide{display:none}

.flex {display: flex;}
.inline-flex{display: inline-flex;}
.all-c{align-items: center; justify-content: center;}
.all-t{align-items: flex-start;}
.all-s{ align-items: stretch;}
.all-e{align-items: flex-end;justify-content: flex-end;}
.all-cen{align-items: center; }
.f-wrap{flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;}
.my-wrap{flex-wrap:wrap;justify-content:flex-end;align-content:flex-end;}
.space-b{justify-content: space-between}
.flex-1{ flex: 1;}
.flex-1-5{ flex: 1.5;}
.flex-2{ flex: 2;}
.flex-3{ flex: 3;}

.block{display:block}
.line-vm{vertical-align:middle;}
.line-block-vm{display:inline-block !important;vertical-align:middle}
.img-auto img{width:100%;height:auto}
.avatar{display:inline-block;vertical-align:middle;border-radius:100%;overflow:hidden}
.avatar img{width:100%;height:100%}

.left-text{ text-align: left !important;}
.center-text{ text-align: center;}
.right-text{ text-align: right;}

.text-0{font-size:0px!important;}
.text-12{font-size:12px}
.text-14{font-size:14px}
.text-16{font-size:16px}
.text-18{font-size:18px}
.text-20{font-size:20px!important}
.text-22{font-size:22px!important}
.text-24{font-size:24px!important}
.text-25{font-size:25px!important}
.text-28{font-size:28px!important}
.text-30{font-size:30px!important}
.text-36{font-size:36px!important}
.text-40{font-size:40px!important}
.text-60{font-size:60px!important;}
.text-100{font-size:100px!important;}
.text-000{color:#000 !important;}
.text-333{color:#333 !important;}
.text-666{color:#606266 !important;}
.text-gray{color:#999 !important;}
.text-green{color:#51BC1C !important;}
.text-blue{color:#218DFA !important;}
.text-white{color:#fff !important;}
.text-orange{color:#EB5E00 !important;}
.text-red{color:#F56C6C !important;}
.text-yellow{color:#E6A23C!important;}
.text-bluegray{color: #92A0C5!important;}
.text-bold{font-weight: bold;}
.indent{ text-indent: 2em;}

.pad-title{ padding: 20px;}
.pad-b-5{ padding-bottom: 5px;}
.pad-b-10{ padding-bottom: 10px;}
.pad-b-15{ padding-bottom: 15px;}
.pad-b-20{ padding-bottom: 26px;}
.pad-b-50{ padding-bottom: 50px !important;}
.pad-t-10{ padding-top: 10px;}
.pad-t-15{ padding-top: 15px;}
.pad-t-20{ padding-top: 20px;}
.pad-t-24{ padding-top: 24px;}
.pad-t-30{ padding-top: 30px;}
.pad-t-54{ padding-top: 54px;}
.pad-10{ padding: 10px;}
.pad-20{ padding: 20px;}
.pad-24{ padding: 24px;}
.pad-30{ padding: 30px;}
.pad-tb-10{ padding: 10px 0;}
.pad-tb-15{ padding: 18px 0;}
.pad-tb-18{ padding: 18px 0;}
.pad-tb-26{ padding: 26px 0;}
.pad-tb-38{ padding: 38px 0;}
.pad-lr-5{ padding-left: 5px; padding-right: 5px;}
.pad-lr-10{ padding-left: 10px; padding-right: 10px;}
.pad-lr-15{ padding-left: 15px; padding-right: 15px;}
.pad-lr-18{ padding-left: 18px; padding-right: 18px;}
.pad-lr-20{ padding-left: 20px; padding-right: 20px;}
.pad-lr-24{ padding-left: 24px; padding-right: 24px;}
.pad-lr-30{ padding-left: 30px; padding-right: 30px;}
.pad-l-10{ padding-left: 10px;}
.pad-l-15{ padding-left: 15px;}
.pad-l-20{ padding-left: 20px;}
.pad-l-40{ padding-left: 40px;}
.pad-r-10{ padding-right: 10px;}
.pad-r-20{ padding-right: 20px;}
.pad-r-30{ padding-right: 30px;}
.pad-r-80{ padding-right: 80px;}

.mar-b-0{margin-bottom:0 !important}
.mar-b-10{margin-bottom:10px}
.mar-b-20{margin-bottom:20px}
.mar-b-30{margin-bottom:30px}
.mar-b-40{margin-bottom:40px}
.mar-t-5{margin-top:5px}
.mar-t-10{margin-top:10px}
.mar-t-20{margin-top:20px}
.mar-t-24{margin-top:24px}
.mar-t-30{margin-top:30px}
.mar-t-40{margin-top:40px}
.mar-r-0{ margin-right: 0 !important;}
.mar-r-5{ margin-right: 5px;}
.mar-r-10{ margin-right: 10px;}
.mar-r-15{ margin-right: 15px;}
.mar-r-18{ margin-right: 18px;}
.mar-r-20{ margin-right: 20px;}
.mar-r-30{ margin-right: 30px !important;}
.mar-r-40{ margin-right: 40px;}
.mar-r-50{ margin-right: 50px;}
.mar-r-100{ margin-right: 100px;}
.my-mar-b30{ margin-bottom: 30px !important;}
.my-mar-b25{margin-bottom:25px;}
.mar-l-5{ margin-left: 5px;}
.mar-l-10{ margin-left: 10px;}
.mar-l-20{ margin-left: 20px;}
.mar-l-40{ margin-left: 40px;}
.mar-l-50{ margin-left: 50px;}
.my-pad-l20{ padding-left: 20px !important;}
.my-mar-r10{ margin-right: 10px !important;}
.my-mar-r30{margin-right:30px;}
.my-mar-b15{ margin-bottom: 15px;}
.my-pad-t20{ padding-top: 20px;}
.my-pad-tb20{ padding: 20px 0;}

.border-b-1{border-bottom:1px solid #EBEEF5}
.border-t-1{border-top:1px solid #EBEEF5}
.border-r-1{border-right:1px solid #EBEEF5}
.border-1{border:1px solid #EBEEF5}
.pointer{cursor:pointer}
.border-t-5{border-top:5px solid #F0F2F5}

.w-70{width:70px}
.w-90{width:124px}
.w-100{width:100px}
.w-146{width:146px}
.w-240{width:240px}
.w-1180{width:1180px; margin: 0 auto;}
.w-1394{width:1394px; margin: 0 auto;}
.w-1376{width:1376px; margin: 0 auto;}
.w-p-100{width:100% !important;}
.w-p-30{ width: 30%;}
.w-p-70{ width: 70%; margin: 0 auto;}
.w-p-80{ width: 80%; margin: 0 auto;}
.hidden{display:none}

#app,body{padding:0; min-height: 100%;}
body{ min-width: 1376px;}
.w1200-b{ width:96%; margin:10px auto 30px;}/*全局页面宽度*/
.el-table thead{color:#303133;}
*{ box-sizing: border-box;}
/* common style */
.main-content{padding-bottom:54px;}
.footer{position:absolute;bottom:0;width:100%;height:54px;background-color: #0b0905;}
.footer .text-12{ line-height: 54px; color: #fff;}
.header{ border-top:6px solid #1d96ff; background: #fff; }
.table{border: 1px solid #ebeef5;}
.table.el-table--border{ border-right: none;border-bottom: none;}
.table th{ background: #d8edff; color: #4a4a4a;}
.input-line{ border: 0; border-bottom: 1px solid #ebeef5;}
.el-input-number .el-input__inner{text-align:left;}

.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.avatar-uploader .el-upload:hover {
  border-color: #409EFF;
}
.avatar {
  width: 124px;
  height: 124px;
  display: block;
}
#__nuxt, #__layout, #app,.wrapper{ height: 100%; padding: 0;}
.wrapper{ min-height: 100%; height: 100%; padding: 0; overflow-y: auto; overflow-x: hidden;}
.table-image{width: 50px;height:50px;border-radius:5px;overflow:hidden;margin:0 auto;}
.table-image img{width:50px;height:50px;object-fit:cover;}
.detail-card-box{width:1200px;min-width:1200px;border:1px solid #EBEEF5;border-radius:3px;color:#606266;}
.detail-card-title{height:48px;background:#F5F7FA;padding: 0 15px;}
.detail-card-content{padding:16px 20px;}
.detail-card-content .seller-logo .img-auto{width: 140px;height:140px;margin: 5px auto 0;}
.detail-card-content .seller-logo .img-auto img{object-fit: contain;}
.add-main-content{height: calc(100vh - 173px);overflow:auto;}
.add-main-content-shop{height: calc(100vh - 238px);}

/*滚动条样式*/
::-webkit-scrollbar{ width: 6px; height: 6px;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.3); background: #fff !important;}
::-webkit-scrollbar-track-piece{  background-color:#fff;  -webkit-border-radius:0;  }
::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: #C2C2C2;
}
::-webkit-scrollbar-thumb:hover{
  background: #ccc;
}
::-webkit-scrollbar-thumb:active{
  background: #999;
}

/*element*/
.el-input__inner, .el-input__icon, .el-date-editor.filter-item .el-range-separator{height:32px!important;line-height:32px!important;}
.el-cascader, .el-form-item__label{line-height:32px;}
.el-form-item__content{min-height:32px;line-height:32px;}
.el-button--default:focus, .el-button--default:hover{background-color: #FFF4EC;border-color: #FFE7D7;color: #F2863E;}
.el-button--primary{background:#EB5E00;border-color:#EB5E00;color:#fff;}
.el-button--primary:hover, .el-button--primary:focus{background:#ef7727;border-color:#ef7727;color:#fff;}
.my-content .el-table th{background: #f6f7fb!important;}
.el-table--border::after, .el-table--group::after, .el-table::before{height:0;background:#fff;}
.el-table--border, .el-table--group {border: 0 none;border-top: 1px solid #EBEEF5;}
.el-table th.is-leaf:first-child, .el-table--border td:first-child{border-left: 1px solid #EBEEF5;}
.el-table th.is-leaf:nth-last-child(2), .el-table--border td:nth-last-child(1){border-right: 1px solid #EBEEF5;}
.el-table--enable-row-hover .el-table__body tr:hover>td, .el-table__body tr.current-row>td{background-color: #f6f7fb;}
.el-tree-node__content{height:36px;}
.el-tree-node__content:hover, .el-tree-node.is-current, .el-tree-node:focus>.el-tree-node__content{background:#FFEEE2;color:#EB5E00;}
.el-message-box__header{padding: 15px 20px; border-bottom:1px solid #EBEEF5;}
.el-message-box__headerbtn{font-size:22px;top:13px;}
.el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close {color: #218dfa;}
.el-message-box__content{padding: 30px 40px 40px 40px;}
.el-message-box__status.el-icon-warning, .el-notification .el-icon-warning{color:#EB5E00;}
.el-message-box__title{font-size: 16px;}
.el-dialog__header{padding: 15px 20px; border-bottom:1px solid #EBEEF5;}
.el-dialog__title{font-size: 16px;}
.el-dialog__headerbtn{font-size:22px;top:15px;}
.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close, .el-notification__closeBtn:hover {color :#218dfa;}
.el-dialog__body{padding:20px;}
.el-dialog__footer{padding: 0 20px 20px;}
.el-notification__closeBtn{font-size:20px;top:14px;}
.el-tabs__nav-wrap::after{height:1px;background:#EBEEF5;}
.el-tabs__item.is-active{color:#303133!important;font-weight:bold;}
.el-tabs__active-bar{background:#EB5E00 !important;}
.el-tabs__item{font-size:14px;height:50px;line-height:50px;}
.el-tabs__item:hover{ color: #e6630c;}
.el-divider{background:#EBEEF5;}
.el-divider__text.is-left{left:0;padding: 0 20px 0 0;color:#909399;}
.el-select .el-input.is-focus .el-input__inner, .el-input.is-active .el-input__inner, .el-input__inner:focus, .el-select .el-input__inner:focus, .el-range-editor.is-active, .el-range-editor.is-active:hover, .el-cascader .el-input .el-input__inner:focus, .el-cascader .el-input.is-focus .el-input__inner, .el-textarea__inner:focus {border-color: #e6630c;}
.el-select-dropdown__item.selected{color:#1989FA;}
.el-breadcrumb__inner a, .el-breadcrumb__inner.is-link {font-weight:normal;}
.el-breadcrumb__item:last-child .el-breadcrumb__inner a{font-weight:bold;color:#303133;}
.el-upload-list--picture-card .el-upload-list__item-thumbnail{object-fit: contain;}


/*layout*/
.my-new-content{ height: calc(100% - 60px); box-sizing: border-box;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
.page-box{border-top: 1px solid #EBEEF5;height:52px;}
.my-content{ min-height: 100%; width: 100%; overflow-x: hidden; position: relative;background: #F0F2F5;}
.my-content-main{ min-height: calc(100vh - 120px);width:100%;background:#fff; box-sizing: border-box;}
.a-link{color:#1989FA;cursor:pointer;}

/*header*/
.wrapper .my-new-header{ position: relative; background: #393F50; height: 60px; box-shadow: none; overflow: hidden;}
.my-new-logo{ padding-left: 20px;}
.my-new-nav >div{ line-height: 60px; float: left; height: 60px; position: relative;padding: 0 20px;}
.my-new-nav >div span{ display: inline-block; color: fade(#fff, 60%); font-size: 18px;  cursor: pointer;}
.my-new-nav >div.active span,.my-new-nav >div span:hover{ color: #fff}
.my-new-nav >div .el-badge{ position: absolute; top: -16px; right: -4px;}
.my-new-nav >div .el-badge__content{ border: 0;}
.my-header-new-right{ position: absolute; padding: 0 0 0 20px; right:0; top: 0; height: 60px; line-height: 60px; background: #333847; color: #fff; font-size: 14px; transition: all 300ms;}
.my-header-new-right .pull-left:first-child{ line-height:normal; padding-top: 18px;}
.my-header-new-right .my-user-name{ padding: 0 20px 0 8px;}
.my-header-new-right>.icon-quit1{ font-size: 22px; cursor: pointer;}
.icon-quit1:hover { color: #ff7325;}
.my-header-new-right>.icon-mima{ font-size: 22px; cursor: pointer;}
.icon-mima:hover { color: #ff7325;}
.my-header-new-right>.icon-ziyuan{ font-size: 22px; cursor: pointer;}
.icon-ziyuan:hover { color: #ff7325;}
.icon-download:hover { color: #ff7325;}
.my-header-new-right>.icon-del{ font-size: 22px; cursor: pointer;}
.icon-del:hover { color: #ff7325;}
.pull-left .my-user-logo{ width: 20px; height: 20px;}

.my-new-nav>div span {
  display: inline-block;
  color: hsla(0,0%,100%,.6);
  font-size: 16px;
  cursor: pointer;
}

.my-user-name:hover { color: #ff7325;}

/* sider*/
.my-side-nav .el-scrollbar{box-sizing: border-box;min-height: 100%;height:100%;background:#393F50;}
.my-side-nav .el-scrollbar__wrap{overflow-x:hidden;overflow-y:scroll;}
.my-side-nav .el-scrollbar__view{height:100%;box-sizing: border-box;}
.my-side-nav .my-menu{padding-bottom:48px;}
.my-side-nav .my-menu:not(.el-menu--collapse) {width: 160px;}
.my-side-nav .el-menu{min-height: 100%; box-sizing: border-box; border-right: 0 none;position:relative;}
.my-side-nav .el-menu-item{box-sizing: border-box;height:46px;line-height:46px;position:relative;width:100%;border-left: 3px solid #393F50;border-bottom:1px solid #303545;}
.my-side-nav .el-menu-item:first-child{border-top:1px solid #303545;}
.el-submenu{border-bottom:1px solid #303545;} 
.el-menu--inline .el-menu-item{background: #303545!important;border-bottom: 0 none;border-left: 3px solid #303545;}
.my-side-nav .el-submenu__title, .el-submenu__title i, .el-menu-item i{color: #92A0C5; }
.el-menu-item i.icon, .el-submenu__title i.icon{margin-right:5px;}
.my-side-nav .el-menu-item.is-active{color: #fff;background: #424859!important;border-left: 3px solid #EB5E00;}
.my-side-nav .el-menu-item:hover, .my-side-nav .el-menu-item:hover i{color: #fff!important;background-color: #424859!important;}
.el-submenu__title{border-left: 3px solid #393F50;}
.el-submenu__title:hover, .el-submenu__title:hover i{color: #fff!important;background: #424859!important;}
.el-submenu__title:hover, .my-side-nav .el-menu-item:hover{border-left: 3px solid #EB5E00;}
.my-side-control{border-top:1px solid #303545; width:160px; height:47px; padding-left:20px; position: absolute;left: 0px; bottom:0; color: #4385FF; cursor: pointer; z-index: 2; background: transparent;}
/* .my-side-control-collapsed{width: 64px;overflow:hidden;} */
/* .my-side-control-collapsed span{display:none;} */

/*main*/
.my-new-back{ position: absolute; right: 20px; top: 10px; z-index: 10;}
.my-content .el-pager li.active{ background: transparent; color: #1989FA;font-weight: bold;}
.my-content .el-table th,.my-content .el-table__header-wrapper thead div,.my-content .el-table__footer-wrapper thead div{background-color:#F9FAFC; font-weight: bold;}

.my-content-blank{ padding-top: 186px;}
.page-footer {position: fixed;right: 0;left: 0;bottom: 0;margin-top: 23px;font-size: 12px;line-height: 40px;color: #888;text-align: center;}

.pull-right .el-form-item{ margin-bottom: 10px;}

.flexbox{
  display: flex;
  display: -webkit-flex;
  box-align: center;
  align-items: center;
  justify-content:center;
  -webkit-box-align: center;
}

.flexbox-normal{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.filter-item {vertical-align: middle; margin-right:10px;width:160px;margin-bottom:10px;}
.filter-item-keyword{width:220px;}
.filter-item-btn{height:32px;padding: 8px 20px;vertical-align: middle;margin-bottom:10px;}
.breadcrumb-btn, .dialog-footer .el-button, .page-box .el-button,.add-activity.el-button{height:32px;padding: 8px 15px;vertical-align: middle;}
.add-activity.el-button{padding: 8px 10px;}
/*list style*/
.list .list-item{ padding: 12px 24px; text-align: left;cursor: pointer;}
.list.list-split .list-item{border-bottom: 1px solid #888;}
.list.list-split .list-item:last-child{border-bottom: 0;}
.list-item-meta-avatar{  -webkit-box-flex: 0;  -ms-flex: 0;  flex: 0;  margin-right: 16px;  }
.list .list-item-meta-avatar .avatar{ width: 32px; height: 32px;}
.list-item-meta-content {  -webkit-box-flex: 1;  -ms-flex: 1 0;  flex: 1 0;  }
.list-item-meta-title {  margin-bottom: 4px;    line-height: 22px;}
.list .list-item .title {  font-weight: normal;  margin-bottom: 8px;  }
.list .list-item .extra {  float: right;  font-weight: normal;  margin-right: 0;  margin-top: -1.5px;  }
.list-item-meta-description {  color: #888;  font-size: 14px;  line-height: 22px;  }
.list .list-item .datetime{  font-size: 12px;  margin-top: 4px;  line-height: 1.5;  }

/* login page */
.login-wrap {height: 636px;min-height: auto;}
.login-box {width: 440px; margin: 0 auto; box-sizing: border-box; padding: 46px; color: #fff; background: #fff; -ms-transform: translateX(80%); transform: translateX(80%);}

.login-box .el-form-item{ margin-bottom: 17px;}
.login-box .el-button{ background: #CF3420; border-color: #CF3420; height:44px;}
.login-box .el-form-item__error {top: 12px;left: auto;right: 10px;}
.login-box .code .el-form-item__error {right: 100px;}
.login-box .el-checkbox__input.is-checked+.el-checkbox__label{ color: #fff;}

.login-header {padding-left: 18.95233333%;height: 80px;}
.header-left {display: table;height: 100%;}
.logo {display: table-cell;vertical-align: middle}
.logo h1 {height: auto;font-size: 0;line-height: 0;}
.form-title {padding-bottom: 25px;font-weight: bold;font-size: 18px;color: #091840;text-align: left;}
.login-footer {position: fixed;right: 0;left: 0;bottom: 0;margin-top: 23px;font-size: 12px;line-height: 52px;color: #888;text-align: center;background: #444B5B;}

.my-login-right{ position: absolute; padding: 8px 30px; right:0; top: 0; height: 60px; line-height: 60px; font-size: 14px; transition: all 300ms;}

/*列表样式*/
.my-normal-box{ padding: 30px; margin: 0px 0 30px; background: #fff; }
.my-nolabel-form .el-form-item__content{margin-left:0!important;}
.append-button { padding: 11px 13px; }

.work-img-item {font-size: 0;}
.work-img-item li{display: inline-block;width: 100px;height:100px;margin: 0 16px 16px 0;}
.work-img-item li img{width: 100%;height:100%;display: block;}

.work-tag{min-width: 70px;border: 1px solid #f5c42b;height:26px;line-height:26px;padding:0 5px;border-radius:2px;text-align: center;}
.work-tag+.work-tag{margin-left: 20px;}

/*routerbreadcrumb*/
.my-routerbread-new-right{ position: absolute; padding: 0 0 0 0px; right:0; top: 0; height: 50px; line-height: 50px; font-size: 14px; transition: all 300ms;}
.my-routerbread-new-right .pull-left:first-child{ line-height:normal; padding-top: 18px;}
.my-routerbread-new-right .my-user-name{ padding: 0 20px 0 8px;}
.my-routerbread-new-right>.icon-mima{ font-size: 22px; cursor: pointer;}
.my-routerbread-new-right>.icon-quit1{ font-size: 22px; cursor: pointer;}

/*yuxin new add css*/
.detail-title{padding: 0 15px;height:50px;border-bottom: 1px solid #E4E7ED;}
.icon-xiangshang:hover, .icon-xiangxia:hover{color:#1989FA!important;}
.apply .el-date-editor.el-input, .apply .el-select{width:100%!important;}
.dialog-h2-title{font-weight:bold;font-size: 16px;padding: 0 16px;height: 20px;line-height: 20px;border-left: 4px solid #4890e4;}
.dialog-detal-bg{background:#f5f5f5;padding:15px 25px;}
.dialog-detal-bg p span:first-child{display:inline-block;width:80px;}
.add-stock{border-color:#005AAB;color:#005AAB;}
.tabs-btns{ position: absolute; top: 9px;right:10px; z-index: 2;}

.basicBox label{display:inline-block;width:140px;text-align:right;font-weight:bold;}
.tagBox span{background:#FFF4EC;margin-bottom:8px;font-size:12px;display:inline-block;padding:0px 7px;height:25px;line-height:25px;border:1px solid #FFE7D7;color:#F2863E;border-radius:3px;}

.label-tree{width:280px;box-sizing: border-box;}
.label-right{width:calc(100% - 280px);box-sizing: border-box;border-left:5px solid #F0F2F5;}

/* fade */
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.28s;
}

.fade-enter,
.fade-leave-active {
  opacity: 0;
}

/* fade-transform */
.fade-transform-leave-active,
.fade-transform-enter-active {
  transition: all .5s;
}

.fade-transform-enter {
  opacity: 0;
  transform: translateX(-30px);
}

.fade-transform-leave-to {
  opacity: 0;
  transform: translateX(30px);
}
